//搜索栏
.input-group-rounded {
  .input-group-field {
    border-radius:5000px 0 0 5000px;
    padding-left: 1rem;
    margin-top: 1rem;
  }

  .input-group-button .button {
    border-radius:0 5000px 5000px 0;
    font-size: 0.8rem;
    margin-top: 1rem;
  }
}

#nav-title-bar {
  .input-group-field {
    max-width: 15rem;
  }
  .input-group-field, .input-group-button input {
    height: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .input-group {
    margin-bottom: 0;
    max-width: 15rem;
  }
}

//滚动隐藏
$scrollhide-nav-transition-speed: 0.5s;

.scrollhide-nav {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  transition: transform $scrollhide-nav-transition-speed cubic-bezier(0.86, 0, 0.07, 1);

  &.hidden {
    transform: translateY(-100%);
  }
}

.top-bar-left {
  .nav-logo {
    height: 4em;
  }
}